<template>
    <div class="pages details">
      <div class="g-container" id="container">
        <group class="nuim-cells">
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >企业名称</label></div>
            <div class="nuim-cell-bd">{{form.kpname}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >物料名称</label></div>
            <div class="nuim-cell-bd">{{form.wuliaoname}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >申请数量</label></div>
            <div class="nuim-cell-bd">{{form.counter}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >收货人</label></div>
            <div class="nuim-cell-bd">{{form.lxperson}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >联系电话</label></div>
            <div class="nuim-cell-bd">{{form.lxtel}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >详细地址</label></div>
            <div class="nuim-cell-bd">{{form.lxaddr}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >申请时间</label></div>
            <div class="nuim-cell-bd">{{form.time}}</div>
          </div>
          <div class="nuim-cell">
            <div class="nuim-cell-hd"><label >申请状态</label></div>
            <div class="nuim-cell-bd">{{form.state}}</div>
          </div>
        </group>
        <p class="jilu"><a href="#/index">再次申请</a></p>
      </div>
    </div>
</template>
<script>
import { Group ,XInput,Cell} from 'vux'
export default {
  name: 'details',
  components:{
    Group, XInput,Cell
  },
  data () {
    return {
      listid:this.$route.params.listid,
      form:{
        kpname:'',
        wuliaoname:'',
        counter:'',
        lxperson:'',
        lxtel:'',
        lxaddr:'',
        time:'',
        state:''
      }
    }
  },
  created: function(){
    this.$http.get('/static/details.action',{params:{ id:this.listid}}).then((response)=>{
      var datas = response.data;
      if(datas){
        this.form.kpname = datas.kpname;
        this.form.wuliaoname = datas.wuliaoname;
        this.form.counter = datas.counter;
        this.form.lxperson = datas.lxperson;
        this.form.lxtel = datas.lxtel;
        this.form.lxaddr = datas.lxaddr;
        this.form.time = datas.time;
        this.form.state = datas.state;
      }else{
        this.form='';
      }
    },(response) => {
      console.log(response.data)
    })
  },
  methods:{
  }
}
</script>

<style  lang="less">
.details{ 
  .weui-cells {
    margin-top:-1px!important;
  }
  .nuim-cells .nuim-cell .nuim-cell-bd{
    line-height: 22px;
  }
}

</style>
